<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #all {
            width: 280px;
            height: 720px;
            border: 3px solid tomato;
            border-radius: 12px;
        }

        .f1 h2 {
            border: dotted silver;
            border-width: 0 0 1px 0;
            padding-top: 10px;
            padding-left: 55px;
        }

        h2:nth-of-type(1) {
            background-repeat: no-repeat;
            background-image: url(image/icon_01.jpg);
        }

        h2:nth-of-type(2) {
            background-repeat: no-repeat;
            background-image: url(image/icon_02.jpg);
        }

        h2:nth-of-type(3) {
            background-repeat: no-repeat;
            background-image: url(image/icon_03.jpg);
        }

        h2:nth-of-type(4) {
            background-repeat: no-repeat;
            background-image: url(image/icon_04.jpg);
        }

        h2:nth-of-type(5) {
            background-repeat: no-repeat;

            background-image: url(image/icon_05.jpg);
        }

        h2:nth-of-type(6) {
            background-repeat: no-repeat;
            background-image: url(image/icon_06.jpg);
        }

        h2:nth-of-type(7) {
            background-repeat: no-repeat;
            background-image: url(image/icon_07.jpg);
        }

        h2:nth-of-type(8) {
            background-repeat: no-repeat;
            background-image: url(image/icon_08.jpg);
        }

        h2:nth-of-type(9) {
            background-repeat: no-repeat;
            background-image: url(image/icon_09.jpg);
        }

        h2:nth-of-type(10) {
            background-repeat: no-repeat;
            background-image: url(image/icon_10.jpg);
        }
    </style>
</head>

<body>
    <div id="all">
        <div class="f1">
            <h2>酒水、饮料</h2>
            <h2>进口零食</h2>
            <h2>休闲零食</h2>
            <h2>地方特产</h2>
            <h2>保健、冲调</h2>
            <h2>粮油、生鲜</h2>
            <h2>美容洗护</h2>
            <h2>清洁洗涤</h2>
            <h2>母婴、纸品</h2>
            <h2>家具百货</h2>
        </div>
    </div>
</body>

</html>